<link href="__CDN__/assets/addons/kuerp/css/dashboard.css?v={$Think.config.site.version}" rel="stylesheet">

<div class="panel panel-default panel-intro">
    <div class="panel-body" style="padding-bottom: 0">
        <p class="dashboard-title">{$title|default=''}</p>
        <form class="form-inline" id="form" name="form" action="" method="get" style="margin-top: 20px;">
            <div class="form-group">
                <select class="form-control" name="type" style="width: 180px;font-weight: 700">
                    <option value="1" {eq name="type" value="1" }selected="selected" {/eq}>仅本人</option>
                    <option value="2" {eq name="type" value="2" }selected="selected" {/eq}>本人及下属</option>
                    <option value="3" {eq name="type" value="3" }selected="selected" {/eq}>仅下属</option>
                </select>
            </div>
            <div class="form-group ">
                <select id="times" class="form-control" name="times" style="width: 180px;font-weight: 700">
                    <option value="today" {eq name="times" value="today" }selected="selected" {/eq}>今天</option>
                    <option value="yesterday" {eq name="times" value="yesterday" }selected="selected" {/eq}>昨天</option>
                    <!-- <option value="tomorrow" {eq name="times" value="tomorrow" }selected="selected" {/eq}>明天</option> -->
                    <option value="thisweek" {eq name="times" value="thisweek" }selected="selected" {/eq}>本周</option>
                    <option value="lastweek" {eq name="times" value="lastweek" }selected="selected" {/eq}>上周</option>
                    <!-- <option value="nextweek" {eq name="times" value="nextweek" }selected="selected" {/eq}>下周</option> -->
                    <option value="thismonth" {eq name="times" value="thismonth" }selected="selected" {/eq}>本月</option>
                    <option value="lastmonth" {eq name="times" value="lastmonth" }selected="selected" {/eq}>上月</option>
                    <!-- <option value="nextmonth" {eq name="times" value="nextmonth" }selected="selected" {/eq}>下月</option> -->
                    <option value="thisquarter" {eq name="times" value="thisquarter" }selected="selected" {/eq}>本季度
                    </option>
                    <option value="lastquarter" {eq name="times" value="lastquarter" }selected="selected" {/eq}>上一季度
                    </option>
                    <!-- <option value="nextquarter" {eq name="times" value="nextquarter" }selected="selected" {/eq}>下一季度
                    </option> -->
                    <option value="thisyear" {eq name="times" value="thisyear" }selected="selected" {/eq}>本年度</option>
                    <option value="lastyear" {eq name="times" value="lastyear" }selected="selected" {/eq}>上一年度</option>
                    <option value="else" {eq name="times" value="else" }selected="selected" {/eq}>自定义</option>
                    <!-- <option value="nextyear" {eq name="times" value="nextyear" }selected="selected" {/eq}>下一年度</option> -->

                </select>
            </div>
            <div class="form-group " id="dates" {neq name="times" value="else" }style="display: none" {/neq}>
                <input type="text" class="form-control datetimerange" name="dates" data-locale='{"format":"YYYY-MM-DD"}'
                    placeholder="指定日期" style="width: 200px" value="{$dates}" />
            </div>
        </form>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-12 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>销售简报</h4>
                        <!-- <p class="text-muted">
                            销售简报对仪表盘所选时间段内的销售成果进行对比分析。分析对象包括您的客户、联系人、订单、回款和跟进记录，展现其在所选时间段内的增长情况。如果选择的时间单位为天/周/月/季度/年度，则增长情况会与上个单位时间内增长情况自动对比，结果以百分比形式展现。若在仪表盘中选择自定义时间段，则只会出现销售结果的增长情况，不会出现对比信息。
                        </p> -->
                    </div>

                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/customers/index?createtime={$wheredatetime}&type=1" data-title="新增客户"
                        data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增客户</div>
                                <div class="number">{$briefing.addCustomer}<span class="unit">人</span></div>
                                {if condition="isset($briefing['customer_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.customer_ratio > 0"}
                                    <span class="rate top">{$briefing.customer_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.customer_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.customer_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.customer_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_customer" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/customers_user/index?createtime={$wheredatetime}&type=1"
                        data-title="新增联系人" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增联系人</div>
                                <div class="number">{$briefing.addContacts}<span class="unit">人</span></div>
                                {if condition="isset($briefing['contacts_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contacts_ratio > 0"}
                                    <span class="rate top">{$briefing.contacts_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contacts_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.contacts_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.contacts_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contacts" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/record/index?createtime={$wheredate}&active={$active}" data-title="新增跟进记录"
                        data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增跟进记录<small>
                                        <span style="padding:0px;"></span>
                                        <a href="javascript:;" title="当前仪表盘筛选条件下客户新增跟进记录的总和。" data-toggle="tooltip"
                                            data-placement="top"><i class="fa fa-question-circle"
                                                style="font-size:16px;"></i></a>
                                    </small></div>
                                <div class="number">{$briefing.addRecord}<span class="unit">条</span></div>
                                {if condition="isset($briefing['record_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.record_ratio > 0"}
                                    <span class="rate top">{$briefing.record_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.record_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.record_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.record_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_record" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/staff_sign_in/index?createtime={$wheredatetime}&active={$active}"
                        data-title="新增拜访签到" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增拜访签到</div>
                                <div class="number">{$briefing.addSignIn}<span class="unit">次</span></div>
                                {if condition="isset($briefing['signin_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.signin_ratio > 0"}
                                    <span class="rate top">{$briefing.signin_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.signin_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.signin_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.signin_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_signin" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog hide"
                        data-url="kuerp/customer/business/index?createtime={$wheredatetime}&active={$active}"
                        data-title="新增商机" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增商机</div>
                                <div class="number">{$briefing.addBusiness}<span class="unit">个</span></div>
                                {if condition="isset($briefing['business_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.business_ratio > 0"}
                                    <span class="rate top">{$briefing.business_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.business_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.business_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.business_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_business" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/goods_sales/index?purchase_time={$wheredatetime}&active={$active}"
                        data-title="新增订单" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增订单 <small>
                                        <span style="padding:0px;"></span>
                                        <!-- <a href="javascript:;" title="当前仪表盘筛选条件下，订单管理页面中审核状态为已通过的新增订单数。"
                                            data-toggle="tooltip" data-placement="top"><i class="fa fa-question-circle"
                                                style="font-size:16px;"></i></a> -->
                                    </small></div>
                                <div class="number">{$briefing.addContract}<span class="unit">个</span></div>
                                {if condition="isset($briefing['contract_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contract_ratio > 0"}
                                    <span class="rate top">{$briefing.contract_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contract_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.contract_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.contract_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contract" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/goods_sales/index?purchase_time={$wheredatetime}&active={$active}"
                        data-title="订单金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">订单金额<small>
                                        <span style="padding:0px;"></span>
                                        <!-- <a href="javascript:;" title="当前仪表盘筛选条件下，订单管理版块中审核状态为已通过的新增订单数的金额总和。"
                                            data-toggle="tooltip" data-placement="top"><i class="fa fa-question-circle"
                                                style="font-size:16px;"></i></a> -->
                                    </small></div>
                                <div class="number">{$briefing.contractMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['contract_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contract_money_ratio > 0"}
                                    <span class="rate top">{$briefing.contract_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contract_money_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.contract_money_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.contract_money_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contract_money" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog hide"
                        data-url="kuerp/customer/business/index?createtime={$wheredatetime}&active={$active}"
                        data-title="商机金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">商机金额<small>
                                        <span style="padding:0px;"></span>
                                        <a href="javascript:;" title="当前仪表盘筛选条件下新增商机的金额总和。" data-toggle="tooltip"
                                            data-placement="top"><i class="fa fa-question-circle"
                                                style="font-size:16px;"></i></a>
                                    </small></div>
                                <div class="number">{$briefing.businessMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['business_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.business_money_ratio > 0"}
                                    <span class="rate top">{$briefing.business_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.business_money_ratio < 0"/} <span class="rate bottom">
                                        {$briefing.business_money_ratio}%<i class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.business_money_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_business_money" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/goods_sales/index?purchase_time={$wheredatetime}&examine_status=1&active={$active}"
                        data-title="回款金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">回款金额<small>
                                        <span style="padding:0px;"></span>
                                        <a href="javascript:;" title="当前仪表盘筛选条件下，回款管理版块中审核状态为已通过的回款总额。"
                                            data-toggle="tooltip" data-placement="top"><i class="fa fa-question-circle"
                                                style="font-size:16px;"></i></a>
                                    </small></div>
                                <div class="number">{$briefing.receivablesMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['receivables_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.receivables_money_ratio > 0"}
                                    <span class="rate top">{$briefing.receivables_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.receivables_money_ratio < 0"/} <span
                                        class="rate bottom">{$briefing.receivables_money_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.receivables_money_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_receivables_money" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-item btn-dialog"
                        data-url="kuerp/goods_sales/index?purchase_time={$wheredatetime}&active={$active}"
                        data-title="未回款金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">未回款金额</div>
                                <div class="number">{$briefing.unbackMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['unback_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.unback_money_ratio > 0"}
                                    <span class="rate top">{$briefing.unback_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.unback_money_ratio < 0"/} <span
                                        class="rate bottom">{$briefing.unback_money_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                        {else/}
                                        <span class="rate ">{$briefing.unback_money_ratio}%</span>
                                        {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_unback_money" class="chart_box" title="近六个月数据变化" data-toggle="tooltip"
                                    data-placement="top"></div>
                            </div>
                        </div>
                    </div>



                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i><span id="achievement_title"></span></h4>
                        <!-- <p class="text-muted">订单/回款实际完成情况的数额为：仪表盘筛选条件下审核状态为已通过的订单/回款的实际完成金额。
                            目标金额由管理员在企业管理后台设置，金额可具体到月份。但若筛选条件单位为周/日，则以虚线形式展示月目标金额在该时间段内的平均值。</p> -->
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="1" {eq name="type" value="1" }selected="selected" {/eq}>仅本人</option>
                                    <option value="2" {eq name="type" value="2" }selected="selected" {/eq}>本人及下属
                                    </option>
                                    <option value="3" {eq name="type" value="3" }selected="selected" {/eq}>仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="thismonth" {eq name="times" value="thismonth" }selected="selected"
                                        {/eq}>本月</option>
                                    <option value="lastmonth" {eq name="times" value="lastmonth" }selected="selected"
                                        {/eq}>上月</option>
                                    <!-- <option value="nextmonth" {eq name="times" value="nextmonth" }selected="selected"
                                        {/eq}>下月</option> -->
                                    <option value="thisquarter" {eq name="times" value="thisquarter"
                                        }selected="selected" {/eq}>本季度</option>
                                    <option value="lastquarter" {eq name="times" value="lastquarter"
                                        }selected="selected" {/eq}>上一季度</option>
                                    <!-- <option value="nextquarter" {eq name="times" value="nextquarter"
                                        }selected="selected" {/eq}>下一季度</option> -->
                                    <option value="thisyear" {eq name="times" value="thisyear" }selected="selected"
                                        {/eq}>本年度</option>
                                    <option value="lastyear" {eq name="times" value="lastyear" }selected="selected"
                                        {/eq}>上一年度</option>
                                    <!-- <option value="nextyear" {eq name="times" value="nextyear" }selected="selected"
                                        {/eq}>下一年度</option>
                                    <option value="else" {eq name="times" value="else" }selected="selected" {/eq}>自定义
                                    </option> -->
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="achievement_status2">
                                    <option value="1">订单金额</option>
                                    <option value="2">回款金额</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <div id="x_achievement_money" style="width: 100%;height: 300px;">

                        </div>
                        <div style="text-align: center;height: 40px"></div>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>业绩指标完成率</h4>
                        <!-- <p class="text-muted">
                            将仪表盘筛选条件下审核状态为已通过的订单/回款金额与管理员在企业管理后台设置的目标额进行对比，该比例数据即为业绩指标完成率。但若筛选条件单位为周/日，则只展示本月数据。</p> -->
                    </div>

                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="1" {eq name="type" value="1" }selected="selected" {/eq}>仅本人</option>
                                    <option value="2" {eq name="type" value="2" }selected="selected" {/eq}>本人及下属
                                    </option>
                                    <option value="3" {eq name="type" value="3" }selected="selected" {/eq}>仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="thismonth" {eq name="times" value="thismonth" }selected="selected"
                                        {/eq}>本月</option>
                                    <option value="lastmonth" {eq name="times" value="lastmonth" }selected="selected"
                                        {/eq}>上月</option>
                                    <option value="nextmonth" {eq name="times" value="nextmonth" }selected="selected"
                                        {/eq}>下月</option>
                                    <option value="thisquarter" {eq name="times" value="thisquarter"
                                        }selected="selected" {/eq}>本季度</option>
                                    <option value="lastquarter" {eq name="times" value="lastquarter"
                                        }selected="selected" {/eq}>上一季度</option>
                                    <option value="nextquarter" {eq name="times" value="nextquarter"
                                        }selected="selected" {/eq}>下一季度</option>
                                    <option value="thisyear" {eq name="times" value="thisyear" }selected="selected"
                                        {/eq}>本年度</option>
                                    <option value="lastyear" {eq name="times" value="lastyear" }selected="selected"
                                        {/eq}>上一年度</option>
                                    <option value="nextyear" {eq name="times" value="nextyear" }selected="selected"
                                        {/eq}>下一年度</option>
                                    <option value="else" {eq name="times" value="else" }selected="selected" {/eq}>自定义
                                    </option>
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="achievement_status">
                                    <option value="1">订单金额</option>
                                    <option value="2">回款金额</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <div id="x_achievement" style="width: 100%;height: 300px;"></div>
                        <div style="text-align: center;line-height: 40px">
                            <span class="setting">
                                <span style="color: #6b778c;">目标金额：</span>
                                <span class="achievementMoney"></span>
                            </span>
                            <!-- <span class="nosetting" style="display:none">
                                <span style="color: #6b778c;">暂无目标 <a href="#" class="btn-dialog"
                                        data-url="kuerp/department/achievement" data-title="设置目标"
                                        data-area=["80%","80%"]>设置目标</a> </span>
                            </span> -->


                            <span style="color: #6b778c;margin-left: 10px">完成金额：</span>
                            <span class="completeMoney"></span>
                        </div>
                    </div>


                </div>
            </div>

            <div class="col-xs-12 col-sm-12 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <div class="col-xs-6 col-sm-6 ">
                            <h4><i class="fa fa-server"></i>部门荣誉榜</h4>
                        </div>
                        <div class="col-xs-6 col-sm-6 " style="text-align: right;">
                            <form class="form-inline">
                                <div class="form-group">
                                    <select id="ranking_times" class="form-control" name="ranking_times" style="width: 180px;font-weight: 700">
                                        <option value="today">今天</option>
                                        <option value="yesterday">昨天</option>
                                        <option value="thisweek">本周</option>
                                        <option value="lastweek">上周</option>
                                        <option value="thismonth" selected>本月</option>
                                        <option value="lastmonth">上月</option>
                                        <option value="thisquarter">本季度
                                        </option>
                                        <option value="lastquarter">上一季度
                                        </option>
                                        <option value="thisyear">本年度</option>
                                        <option value="lastyear">上一年度</option>
                                    </select>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <div class="scroll-tab-item departmenttab active" data-value="4">订单金额</div>
                        <div class="scroll-tab-item departmenttab" data-value="5">订单数</div>
                        <div class="scroll-tab-item departmenttab" data-value="6">回款金额</div>
                        <div class="scroll-tab-item departmenttab" data-value="1">新增客户数</div>
                        <div class="scroll-tab-item departmenttab" data-value="2">跟进次数</div>
                        <div class="scroll-tab-item departmenttab" data-value="3">拜访次数</div>

                    </div>
                    <div class="col-xs-12 col-sm-12 " style="margin-top: 20px;margin-bottom: 20px;">
                        <div class="flex-jcsb dept-rank">
                            <div class="dept-rank-item  rank-item ">
                                <img src="/assets/addons/kuerp/img/dept_two.png" class="dept-rank-top">
                                <img src="/assets/addons/kuerp/img/dept02b.png" class="dept-rank-medal">
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis deptname_2">部门2</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx deptnumber_2">0</div>
                                </div>
                            </div>
                            <div class="dept-rank-item rank-item">
                                <img src="/assets/addons/kuerp/img/dept_one.png" class="dept-rank-top">
                                <img src="/assets/addons/kuerp/img/dept01b.png" class="dept-rank-medal">
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis deptname_1">部门1</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx deptnumber_1">0</div>
                                </div>
                            </div>
                            <div class="dept-rank-item rank-item">
                                <img src="/assets/addons/kuerp/img/dept_three.png" class="dept-rank-top">
                                <img src="/assets/addons/kuerp/img/dept03b.png" class="dept-rank-medal">
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis deptname_3">部门3</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx deptnumber_3">0</div>
                                </div>
                            </div>
                        </div>
                        <table class="table" id="table-dept">

                        </table>
                    </div>


                </div>
            </div>

            <div class="col-xs-12 col-sm-12 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <div class="col-xs-6 col-sm-6 ">
                            <h4><i class="fa fa-server"></i>个人荣誉榜</h4>
                        </div>
                        <div class="col-xs-6 col-sm-6 " style="text-align: right;">
                            <form class="form-inline">
                                <div class="form-group">
                                    <select id="ranking_times1" class="form-control" name="ranking_times1" style="width: 180px;font-weight: 700">
                                        <option value="today">今天</option>
                                        <option value="yesterday">昨天</option>
                                        <option value="thisweek">本周</option>
                                        <option value="lastweek">上周</option>
                                        <option value="thismonth" selected>本月</option>
                                        <option value="lastmonth">上月</option>
                                        <option value="thisquarter">本季度 </option>
                                        <option value="lastquarter">上一季度 </option>
                                        <option value="thisyear">本年度</option>
                                        <option value="lastyear">上一年度</option>
                                    </select>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <div class="scroll-tab-item usertab active" data-value="4">订单金额</div>
                        <div class="scroll-tab-item usertab" data-value="5">订单数</div>
                        <div class="scroll-tab-item usertab" data-value="6">回款金额</div>
                        <div class="scroll-tab-item usertab" data-value="1">新增客户数</div>
                        <div class="scroll-tab-item usertab" data-value="2">跟进次数</div>
                        <div class="scroll-tab-item usertab" data-value="3">拜访次数</div>

                    </div>
                    <div class="col-xs-12 col-sm-12 " style="margin-top: 20px;margin-bottom: 20px;">
                        <div class="flex-jcsb user-rank">
                            <div class="user-rank-item  rank-item ">
                                <div class="flex user-rank-top">
                                    <img src="/assets/addons/kuerp/img/user02.png" class="user-rank-bg">
                                    <img src="/assets/img/avatar.png" class="user-rank-avt userimg_2">
                                </div>
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis username_2">销售2</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx usernumber_2">0</div>
                                </div>
                            </div>
                            <div class="user-rank-item rank-item">
                                <div class="flex user-rank-top">
                                    <img src="/assets/addons/kuerp/img/user01.png" class="user-rank-bg">
                                    <img src="/assets/img/avatar.png" class="user-rank-avt userimg_1">
                                </div>
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis username_1">销售1</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx usernumber_1">0</div>
                                </div>
                            </div>
                            <div class="user-rank-item rank-item">
                                <div class="flex user-rank-top">
                                    <img src="/assets/addons/kuerp/img/user03.png" class="user-rank-bg">
                                    <img src="/assets/img/avatar.png" class="user-rank-avt userimg_3">
                                </div>
                                <div class="flex-aic-jcc rank-nm">
                                    <div class="ellipsis username_3">销售3</div>
                                </div>
                                <div class="flex-aic-jcc ">
                                    <div class="rank-number-tx usernumber_3">0</div>
                                </div>
                            </div>
                        </div>
                        <table class="table" id="table-user">

                        </table>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>